<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=8859-1">
<link rel="stylesheet" type="text/css" href="css/estilos.css">
<title>Untitled Document</title>
{literal}
    <style type="text/css">
    body{
        color:#333333;
		direction:ltr;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
		text-align:left;
    }
    </style>
{/literal}
{literal}
<script language="javascript">
function cambiarTextArea(id,texto) {
	document.getElementById('foto-coment'+id).innerHTML = "<div class='foto-comentario'>Comentario: </div><textarea class='textarea-nota' id='ta"+id+"'>"+texto+"</textarea><img src='images/visto.png' class='foto-editar-boton' onclick='actualizarComent("+id+","+texto")'><div id='cargando-nota'></div>";
}
</script>
<script type="text/javascript" src="Scripts/diapositivas.js"></script>
<script type="text/javascript" src="Scripts/album.js"></script>
{/literal}
</head>

<body>
	<a href="album.php" class="menu-agenda-ingresar" onclick="regresar()"><< Regresar</a>
    <div class="foto-grande-todo">
    	<div class="fotos-menu-abajo">
            <a href="javascript: atras();" class="foto-atras">Atr&aacute;s</a>
            <a href="javascript: adelante();" class="foto-adelante">Adelante</a>
        </div>
        <br />
            <div id="diapositivas">
                {foreach item=f from=$fotos}
					<div>
                        <img src="images/album/{$f.nombre}" alt="Diapositiva {$i}"  class="foto-grande" onclick="javascript: adelante();">
                        {literal}<script type="text/javascript">setContador({/literal}{$id+1}{literal});</script>{/literal}
                        <div class="foto-coment" id="foto-coment{$id+1}">
                            <div class="foto-comentario">Comentario: {$f.descripcion} &nbsp;&nbsp;
                                <img src="images/editContent.gif" class="foto-editar-boton" onclick="cambiarTextArea('{$id+1}','{$f.descripcion}')" /></div>
                        </div>
                    </div>
                {/foreach}
            </div>
    </div>
	{literal}
    <script type="text/javascript">
		inicio();
		ponerImagen();
    </script>
    {/literal}

</body>
</html>
